<template>
	<mescroll-uni :top="top" :bottom="bottom" :fixed="fixed" :height="height" ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
		:down="downOption" :up="upOption">
		<slot></slot>
	</mescroll-uni>
</template>

<script>
	// 引入mescroll-mixins.js
	import MescrollMixin from "../mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	// 引入mescroll-uni组件 (如已在main.js注册全局组件,则省略此步骤)
	import MescrollUni from "../mescroll-uni/components/mescroll-uni/mescroll-uni.vue";
	export default {
		mixins: [MescrollMixin], // 使用mixin
		name: "yer-list-view",
		components:{
			MescrollUni
		},
		props:{
			top:{
				type:String,
				default:'0rpx'
			},
			bottom:{
				type:String,
				default:'0rpx'
			},
			fixed: {
				type: Boolean,
				default: true
			},
			height: [String, Number],
		},
		data() {
			return {
				// 下拉刷新的常用配置
				downOption: {
					use: false, // 是否启用下拉刷新; 默认true
					auto: false, // 是否在初始化完毕之后自动执行下拉刷新的回调; 默认true
					native: false // 启用系统自带的下拉组件,默认false;仅mescroll-body生效,mescroll-uni无效
				},
				// 上拉加载的常用配置
				upOption: {
					use: true, // 是否启用上拉加载; 默认true
					auto: true, // 是否在初始化完毕之后自动执行上拉加载的回调; 默认true
					page: {
						num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
						size: 10 // 每页数据的数量,默认10
					},
					noMoreSize: 5, // 配置列表的总数量要大于等于5条才显示'-- END --'的提示
					empty: {
						tip: '暂无相关数据'
					},
					toTop: {
						src: null,
						offset: 1000,
						duration: 300,
						zIndex: 9990,
						right: 20,
						bottom: 20,
						safearea: false,
						width: 72,
						radius: "50%",
						left: null
					},
				},
			}
		},
		methods:{
			upCallback(e){
				console.log(123);
				this.$emit('upCall',e)
			},
			downCallback(e){
				this.$emit('downCall',e)
			},
			endBySize(curPageLen, totalSize){
				this.mescroll.endBySize(curPageLen, totalSize)
			},
			resetUpScroll(){
				this.mescroll.resetUpScroll(true)
			}
		}
	}
</script>

<style>

</style>
